.toplb1{
    height: 560px;
}
.toplb1 .lunbo{
    width: 1000px;
    height: 430px;
    border: 1px solid red;
    background: yellow;
}
.toplb1 .frbox{
    width: 200px;
    height: 470px;
}
.toplb1 .frbox > ul > li{
    background-color: white;
    width: 198px;
    height: 140px;
    position: relative;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.toplb1 .frbox > ul > li span{
    display: inline-block;
    text-align: center;
    line-height: 20px;
    width: 20px;
    height: 20px;
    background-color: orangered;
    color: white;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
}
.toplb1 .frbox > ul > li  img{
    width: 103px;
    height: 108px;
    margin-top: 11px;
    margin-left: 3px;
    position: absolute;
}
.toplb1 .frbox > ul > li >a>p{
    display: inline;
    width: 82px;
    font-size: 11px;
    margin-top: 15px;
}

.toplb1 .frbox > ul > .liyc{
    height: 50px;
    overflow: hidden;
}
.top .topb{
    position: relative;
}
.top .topb >ul {
    position: absolute;
    left: 0px;
    top: 113px;
    background: #8cc46d;
    z-index: 999;
    width: 215px;
    text-align: center;
    color: white;

}
.top .topb >ul>li{
    cursor: pointer;
}
.top .topb >ul>li:hover{
    background: #a4e382;
}


/* 乐购图书折扣区 */
.zkq .zktop{
    height: 50px;
    border-bottom: 5px solid orangered;
    margin-top: 30px;
}
.zkq .zktop > span{
    display: inline-block;
    height: 50px;
    color: white;
    width: 220px;
    text-align: center;
    line-height: 50px;
    background: orangered;
}
.zkq > ul{
    height: 520px;
}
.zkq >ul>li{
    width: 210px;
    height: 255px;
    background:white;
    text-align: center;
    cursor: pointer;
    float: left;
    margin-left: 23px;
}
.zkq >ul>li:hover{
    background: #f2f2f2;
}
.zkq ul>li >p{
    margin-left: -65px;
}
.zkq ul>li .baze{
    display: block;
}
.zkq ul>li >.xin{
    margin-left: -45px;
}
.zkq >ul>li .jg{
    color: red;
    font-size: 18px;
}
.zkq >ul>li .jg >span{
    text-decoration: line-through;
    color: #666;
}

/* 新书上架 */
.xs .xsfl{
    width: 905px;
    height: 540px;
    margin-top: 30px;
}
.xs .xsfl > p{
    border-bottom: 5px solid orangered;
    font-size: 20px;
}
.xs .xsfl > p > span{
    display: inline-block;
    background: orangered;
    color: white;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 26px;
}
.xs .xsfl ul{
    border: 1px solid #ccc;
    height: 512px;
    width: 905px;
}
.xs .xsfl ul>li{
    width: 160px;
    height: 240px;
    text-align: center;
    float: left;
    cursor: pointer;
    margin-left: 16px;
    margin-top: 15px;
}
.xs .xsfl ul>li>img{
    margin-top: 10px;
}
.xs .xsfl ul>li:hover{
    background: #f2f2f2;
}
.xs .xsfl ul>li > .mz{
    font-size: 14px;
    color: black;
    margin-left: -60px;
}
.xs .xsfl ul>li >p{
    margin-top: 5px;
    font-size: 12px;
    color: #666;
    margin-left: -50px;
}
.xs .xsfl ul>li > .jg{
    color: red;
    margin-left: -60px;
}
.xs .xsfl ul>li > .jg> span{
    color: #ccc;
    text-decoration: line-through;
}
.xs  .xsfr{
    width: 285px;
    height: 513px;
    border: 1px solid #666;
    margin-top: 74px;
}

.xs  .xsfr > p {
    text-align: center;
    font-size: 26px;
  }
  .xs  .xsfr > ul > li {
    margin-bottom: 10px;
  }
  
  .xs  .xsfr > ul > li > p {
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-top: -5px;
    display: inline-block;
    border-bottom: 1px solid black;
    line-height: 34px;
    width: 253px;
    height: 38px;
  }
  
  .xs  .xsfr > ul > li > div {
    width: 252px;
    height: 150px;
    display: none;
  }
  .xs  .xsfr > ul > li > .ycbox {
    display: block;
    border-bottom: 1px solid black;
    height: 160px;
  }
  .xs  .xsfr > ul > li > p {
    display: block;
  }
  .xs  .xsfr  > ul > li > .ycp {
    display: none;
  }
  .xs  .xsfr > ul > li > div > p > span {
    display: block;
  }
  .xs  .xsfr > ul > li > div > p {
    font-size: 13px;
    width: 123px;
    margin-top: 13px;
    margin-left: 10px;
  }


  /* 独家提供 */
  .djtg {
      margin-top: 30px;
  }
  .djtg .djtop{
      height: 40px;
      border-bottom: 5px solid orangered;
  }
  .djtg .djtop>p{
    font-size: 20px;

  }
  .djtg .djtop>p>span{
    display: inline-block;
    background: orangered;
    color: white;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 26px;
  }
  .djtg .djtop>ul>li{
      width: 95px;
      height: 35px;
      text-align: center;
      line-height: 35px;
      float: left;
      cursor: pointer;
  }
  .djtg .djtop>ul>.xsli{
      background: orangered;
      color: white;
  }
  .djtg .djbt{
      height: 530px;
      border-bottom: 2px solid #cccccc;
  }
  .djtg .djbt >div{
    height: 530px;
    display: none;
  }
  .djtg .djbt >.xsdiv{
      display: block;
  }
  

  .djtg .djbt>.xsdiv>.lunbo>.pptbox>ul>li>ul{
    height: 530px;
}
.djtg .djbt>.xsdiv>.lunbo>.pptbox>ul>li>ul>li>img{
    width: 150px !important;
    height: 150px !important;
}
  .djtg .djbt>.xsdiv>.lunbo>.pptbox>ul>li>ul>li{
    width: 176px;
    height: 255px;
    background:white;
    text-align: center;
    cursor: pointer;
    float: left;
    margin-left: 23px;
}
  .djtg .djbt>.xsdiv>.lunbo>.pptbox>ul>li>ul>li:hover{
    background: #f2f2f2;
}
  .djtg .djbt>.xsdiv>.lunbo>.pptbox>ul>li>ul>li >.mz{
    margin-left: -65px;
}
.djtg .djbt>.xsdiv>.lunbo>.pptbox>ul>li>ul>li >.mz>p{
    margin-left: -60px;
}

  .djtg .djbt>.xsdiv>.lunbo>.pptbox>ul>li>ul>li> .jg{
    color: red;
    font-size: 18px;
    margin-left: -44px;
}
  .djtg .djbt>.xsdiv>.lunbo>.pptbox>ul>li>ul>li> .jg >span{
    text-decoration: line-through;
    color: #666;
}


/* 猜你喜欢 */
.cnxh{
    margin-top: 30px;
}
.cnxh .cntop{
    height: 40px;
    border-bottom: 5px solid orangered;
}
.cnxh .cntop>p{
    font-size: 20px;

  }
.cnxh .cntop>p>span{
    display: inline-block;
    background: orangered;
    color: white;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 26px;
  }
.cnxh .cntop>img{
      cursor: pointer;
  }
.cnxh .cnbt .ulbox>ul >li{
    width: 176px;
    height: 255px;
    background:white;
    text-align: center;
    cursor: pointer;
    float: left;
    margin-left: 23px;
}
.cnxh .cnbt .ulbox>ul >li> .mz{
    margin-left: -65px;
}
.cnxh .cnbt .ulbox>ul >li> .jg{
    color: red;
    font-size: 18px;
    margin-left: -44px;
}
.cnxh .cnbt .ulbox>ul >li> .jg>span{
    text-decoration: line-through;
    color: #666;
}
.cnxh .cnbt .ulbox>ul{
    border-bottom: 2px solid #ccc;
}
.cnxh .cnbt .ulbox{
    height: 510px;
    overflow: hidden;
}


/* 底部书 */
.bts{
    height: 160px;
    line-height: 138px;
}
.bts >ul >li{
    float: left;
    cursor: pointer;
}

/* 底部图片 */
.bttu{
    height: 90px;
}